@font-face {
    font-display: block;
    font-family: TablePress;
    font-style: normal;
    font-weight: 400;
    src: asset('/latest_templete/fonts/tablepress.woff') format('woff');
}

.tablepress {
    --text-color: #111;
    --head-text-color: var(--text-color);
    --head-bg-color: #d9edf7;
    --odd-text-color: var(--text-color);
    --odd-bg-color: #f9f9f9;
    --even-text-color: var(--text-color);
    --even-bg-color: #fff;
    --hover-text-color: var(--text-color);
    --hover-bg-color: #f3f3f3;
    --border-color: #ddd;
    --padding: 0.5rem;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 1rem;
    table-layout: auto;
    width: 100%;
}

.tablepress > :not(caption) > * > * {
    background: none;
    border: none;
    box-sizing: initial;
    float: none !important;
    padding: var(--padding);
    text-align: left;
    vertical-align: top;
}

.tablepress > * + tbody > * > *,
.tablepress > tbody > * ~ *,
.tablepress > tfoot > * > * {
    border-top: 1px solid var(--border-color);
}

.tablepress > :where(thead, tfoot) > * > th {
    background-color: var(--head-bg-color);
    color: var(--head-text-color);
    font-weight: 700;
    vertical-align: middle;
    word-break: normal;
}

.tablepress > :where(tbody) > .odd > * {
    background-color: var(--odd-bg-color);
    color: var(--odd-text-color);
}

.tablepress > :where(tbody) > .even > * {
    background-color: var(--even-bg-color);
    color: var(--even-text-color);
}

.tablepress > .row-hover > tr:hover > * {
    background-color: var(--hover-bg-color);
    color: var(--hover-text-color);
}

.tablepress img {
    border: none;
    margin: 0;
    max-width: none;
    padding: 0;
}

.tablepress-table-description {
    clear: both;
    display: block;
}

.dataTables_wrapper {
    clear: both;
    margin-bottom: 1rem;
    position: relative;
}

.dataTables_wrapper .tablepress {
    clear: both;
    margin-bottom: 0;
}

.dataTables_wrapper:after {
    clear: both;
}